<template>
  <div class="whe_maxv">
    <RouterView />
  </div>
</template>
<script setup lang="ts">
import { RouterView } from 'vue-router'
import {onMounted} from "vue";
import {storeVuex} from "@/store/modules/user";
import router from "@/router";
import {ElMessage} from "element-plus";
const vuex = storeVuex()
onMounted(()=>{
  if(vuex.MenuList.length<1){
    ElMessage({
      // @ts-ignore
      message: '权限路由已失效,请重新登录!',
      type: 'error'
    })
    router.push('/login')
  }
})
</script>
<style scoped>
*{
  margin: 0;
  padding: 0;
}
</style>
<style>
.title_bg{
  background-image: url("/src/assets/img/popWinTitle.png");
  background-size: 100% 100%;
  height: 3vh;
}
.ba_card{
  background-image: url("/src/assets/img/modelBg.png");
  background-size: 100% 100%;
}
.el-button{
  border-radius: 6px!important;;
  padding: 11px 15px 8px!important;
}
.el-button--primary {
  --el-button-text-color: var(--el-color-white);
  box-shadow: 0 2px 0 rgba(106, 163, 250, 0.16)!important;;
  --el-button-bg-color: #035ec7!important;;
  --el-button-border-color: #0069df!important;;
  --el-button-outline-color: var(--el-color-primary-light-5);
  --el-button-active-color: var(--el-color-primary-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-primary-light-5);
  --el-button-hover-bg-color: var(--el-color-primary-light-3);
  --el-button-hover-border-color: var(--el-color-primary-light-3);
  --el-button-active-bg-color: var(--el-color-primary-dark-2);
  --el-button-active-border-color: var(--el-color-primary-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-primary-light-5);
  --el-button-disabled-border-color: var(--el-color-primary-light-5);
}
.bot_bg{
  background-image: url("../src/assets/img/button-bg.png");
  background-size: 100% 100%;
}
</style>
